// table2.scss
.gradient-table {
    width: 100% !important;
    // 外层容器设置
    .ant-table-container {
        background: linear-gradient(
  180deg, 
  rgba(225, 240, 250, 1) 100%, /* 略深的浅蓝色 */
  rgba(235, 245, 255, 1) 50%, /* 非常浅的蓝色 */
  rgba(245, 250, 255, 1) 0%,  /* 近乎白色 */
) !important;
      overflow: hidden;
    }
  
    // 表头样式
    .ant-table-thead > tr > th {
        background-color: #fff !important; 
        /* 去掉竖线/横线，让它看起来像一个整体 */
        border-right: none !important;
        border-bottom: none !important;
  /* 如果想去掉顶部边，也可以加: border-top: none !important; */
      border-bottom: 2px solid rgba(0, 120, 200, 0.1);
      position: relative;
      z-index: 1;
    }
  
    // 标题栏样式
    .ant-table-title {
      padding: 16px;
      background: transparent !important;
      border-bottom: none;
      
      span {
        display: block;
        margin-left: 12px;
      }
    }
  
    // 表格内容区域
    .ant-table-tbody {
      tr > td {
        background: transparent !important;
        border-bottom: 1px solid rgba(0, 100, 180, 0.1);
        position: relative;
        z-index: 1;
      }
  
      // 最后一行底部边框
      tr:last-child td {
        border-bottom: none;
      }
    }
  
    // 移除默认边框
    .ant-table-content {
      border: none !important;
    }
  
    // 修复滚动条区域
    .ant-table-body::-webkit-scrollbar-track {
      background: rgba(200, 230, 255, 0.3);
    }
  }


  .table-wrapper {
    background: linear-gradient(
        180deg, 
        rgba(225, 240, 250, 1) 100%, /* 略深的浅蓝色 */
        rgba(235, 245, 255, 1) 50%, /* 非常浅的蓝色 */
        rgba(245, 250, 255, 1) 0%,  /* 近乎白色 */
) !important;
    padding: 16px;
    border-radius: 8px;
    width: 100%; /* 让 wrapper 撑满父级 */
    box-sizing: border-box; /* 防止 padding 影响总宽度 */
  }

  .ant-table-tbody > tr {
    height: 55px !important;  /* 调整行高 */
  }
  .ant-table-cell {
    padding: 1px 15px !important; /* 减少单元格的内边距 */
  }